import Style from "./index.module.css"
import Link from "next/link";

export default function SideBar() {
    return (
        <>
            <h1 className={"text-center text-4xl font-semibold text-red-200"}>前端知识库</h1>
            <div className={Style.sidebarWrapper}>
                <Link href={"/category/html"}>HTML</Link>
                <Link href={"/category/css"}>CSS</Link>
                <Link href={"/category/javascript"}>JavaScript</Link>
                <Link href={"/category/webpack"}>webpack</Link>
                <Link href={"/category/vite"}>vite</Link>
                <Link href={"/category/vue2"}>vue2</Link>
                <Link href={"/category/vue3"}>vue3</Link>
                <Link href={"/category/react"}>react</Link>
                <Link href={"/category/uniapp"}>uniApp</Link>
                <Link href={"/category/taro"}>taro</Link>
                <Link href={"/category/harmonyOS"}>鸿蒙</Link>
            </div>
        </>
    )
}